<template>
  <div>
    <el-card :body-style="{ padding: '0px' }" class="teacher-box">
      <span slot="header" class="header"> {{hname}} </span>
      <p><strong>Chinese name:</strong> {{name}} </p>
      <p><strong>Degree:</strong>  {{degree}}</p>
      <p><strong>Email:</strong></p>
      <p>{{email}}</p>
      <p><strong>Research Interests:</strong></p>
      <p>{{synopsis}}</p>

      <!-- Chinese name: 全权
      Degree: Professor
      Email: qq_buaa@buaa.edu.cn
      Research Interests:
      Flight Control, Vision Navigation, Prognostics and Health Management. -->
      
      <!-- <p>{{ synopsis }}</p> -->

    </el-card>
  </div>
</template>

<script>
export default { 
  props: {
    hname : {type:String},
    name : {type:String},
    degree : {type:String},
    email : {type:String},
    synopsis : {type:String},
  },

};
</script>

<style lang="less" scoped>
@import "TeacherCard.less";
</style>
